﻿<!DOCTYPE html>
<html>
  <head>
    <title>用例说明</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/用例说明/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/用例说明/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 腾讯 (组 合) -->
      <div id="u327" class="ax_default" data-label="腾讯" data-left="1199" data-top="378" data-width="45" data-height="45">

        <!-- Unnamed (椭圆形) -->
        <div id="u328" class="ax_default box_2">
          <img id="u328_img" class="img " src="images/用例说明/u328.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u329" class="ax_default _形状">
          <img id="u329_img" class="img " src="images/用例说明/u329.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u330" class="ax_default _形状">
          <img id="u330_img" class="img " src="images/用例说明/u330.png"/>
        </div>
      </div>

      <!-- 微信 (组 合) -->
      <div id="u331" class="ax_default" data-label="微信" data-left="1144" data-top="378" data-width="45" data-height="45">

        <!-- Unnamed (椭圆形) -->
        <div id="u332" class="ax_default box_2">
          <img id="u332_img" class="img " src="images/用例说明/u332.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u333" class="ax_default _形状">
          <img id="u333_img" class="img " src="images/用例说明/u333.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u334" class="ax_default _形状">
          <img id="u334_img" class="img " src="images/用例说明/u334.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u335" class="ax_default box_2">
        <div id="u335_div" class=""></div>
      </div>

      <!-- Unnamed (蓝色导航) -->

      <!-- Unnamed (矩形) -->
      <div id="u337" class="ax_default box_1">
        <div id="u337_div" class=""></div>
      </div>

      <!-- 概述 (矩形) -->
      <div id="u338" class="ax_default label" data-label="概述">
        <div id="u338_div" class=""></div>
        <div id="u338_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- 产品结构 (矩形) -->
      <div id="u339" class="ax_default label" data-label="产品结构">
        <div id="u339_div" class=""></div>
        <div id="u339_text" class="text ">
          <p><span>产品结构图</span></p>
        </div>
      </div>

      <!-- 产品设计 (矩形) -->
      <div id="u340" class="ax_default label" data-label="产品设计">
        <div id="u340_div" class=""></div>
        <div id="u340_text" class="text ">
          <p><span>产品设计</span></p>
        </div>
      </div>

      <!-- 前端产品 (矩形) -->
      <div id="u341" class="ax_default label" data-label="前端产品">
        <div id="u341_div" class=""></div>
        <div id="u341_text" class="text ">
          <p><span>前端产品</span></p>
        </div>
      </div>

      <!-- 前端产品 (矩形) -->
      <div id="u342" class="ax_default label" data-label="前端产品">
        <div id="u342_div" class=""></div>
        <div id="u342_text" class="text ">
          <p><span>CMS</span></p>
        </div>
      </div>

      <!-- 产品设计 (矩形) -->
      <div id="u343" class="ax_default label" data-label="产品设计">
        <div id="u343_div" class=""></div>
        <div id="u343_text" class="text ">
          <p><span>页面详细功能说明</span></p>
        </div>
      </div>

      <!-- Unnamed (产品设计-黑色导航) -->

      <!-- Unnamed (矩形) -->
      <div id="u345" class="ax_default box_2">
        <div id="u345_div" class=""></div>
      </div>

      <!-- 全局说明 (矩形) -->
      <div id="u346" class="ax_default box_2" data-label="全局说明">
        <div id="u346_div" class=""></div>
        <div id="u346_text" class="text ">
          <p><span>全局说明</span></p>
        </div>
      </div>

      <!-- 常用ICON (矩形) -->
      <div id="u347" class="ax_default box_2" data-label="常用ICON">
        <div id="u347_div" class=""></div>
        <div id="u347_text" class="text ">
          <p><span>用例说明</span></p>
        </div>
      </div>

      <!-- Unnamed (手机框架图) -->

      <!-- Unnamed (组 合) -->
      <div id="u349" class="ax_default" data-left="20" data-top="23" data-width="239" data-height="477">

        <!-- Unnamed (矩形) -->
        <div id="u350" class="ax_default box_1">
          <div id="u350_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u351" class="ax_default box_1">
          <div id="u351_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u352" class="ax_default ellipse">
          <img id="u352_img" class="img " src="images/用例说明/u352.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u353" class="ax_default ellipse">
          <img id="u353_img" class="img " src="images/用例说明/u353.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u354" class="ax_default box_1">
          <div id="u354_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u355" class="ax_default _图片">
        <img id="u355_img" class="img " src="images/全局说明/u296.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u356" class="ax_default label">
        <div id="u356_div" class=""></div>
        <div id="u356_text" class="text ">
          <p><span>手机 手机内的元件宽不得大于214 </span></p><p><span>高不得高于270</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u357" class="ax_default label">
        <div id="u357_div" class=""></div>
        <div id="u357_text" class="text ">
          <p><span>数字键盘</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u358" class="ax_default label">
        <div id="u358_div" class=""></div>
        <div id="u358_text" class="text ">
          <p><span>字母键盘</span></p>
        </div>
      </div>

      <!-- Unnamed (底部导航) -->

      <!-- Unnamed (矩形) -->
      <div id="u360" class="ax_default box_2">
        <div id="u360_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u361" class="ax_default label">
        <div id="u361_div" class=""></div>
        <div id="u361_text" class="text ">
          <p><span>首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u362" class="ax_default label">
        <div id="u362_div" class=""></div>
        <div id="u362_text" class="text ">
          <p><span>社区</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u363" class="ax_default label">
        <div id="u363_div" class=""></div>
        <div id="u363_text" class="text ">
          <p><span>创作</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u364" class="ax_default label">
        <div id="u364_div" class=""></div>
        <div id="u364_text" class="text ">
          <p><span>消息</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u365" class="ax_default label">
        <div id="u365_div" class=""></div>
        <div id="u365_text" class="text ">
          <p><span>我的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u366" class="ax_default label">
        <div id="u366_div" class=""></div>
        <div id="u366_text" class="text ">
          <p><span>底部导航</span></p>
        </div>
      </div>

      <!-- Unnamed (字母键盘) -->

      <!-- Unnamed (图片) -->
      <div id="u368" class="ax_default _图片">
        <img id="u368_img" class="img " src="images/全局说明/u311.png"/>
      </div>

      <!-- Unnamed (没有键盘，仅发送) -->

      <!-- Unnamed (矩形) -->
      <div id="u370" class="ax_default box_2">
        <div id="u370_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u371" class="ax_default box_3">
        <div id="u371_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u372" class="ax_default label">
        <div id="u372_div" class=""></div>
        <div id="u372_text" class="text ">
          <p><span>发送</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u373" class="ax_default" data-left="11" data-top="4" data-width="14" data-height="18">

        <!-- Unnamed (形状) -->
        <div id="u374" class="ax_default _形状">
          <img id="u374_img" class="img " src="images/用例说明/u374.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u375" class="ax_default _形状">
          <img id="u375_img" class="img " src="images/用例说明/u375.png"/>
        </div>
      </div>

      <!-- Unnamed (数字键盘) -->

      <!-- Unnamed (图片) -->
      <div id="u377" class="ax_default _图片">
        <img id="u377_img" class="img " src="images/用例说明/u377.png"/>
      </div>

      <!-- Unnamed (没有键盘，仅发送) -->

      <!-- Unnamed (矩形) -->
      <div id="u379" class="ax_default box_2">
        <div id="u379_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u380" class="ax_default box_3">
        <div id="u380_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u381" class="ax_default label">
        <div id="u381_div" class=""></div>
        <div id="u381_text" class="text ">
          <p><span>发送</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u382" class="ax_default" data-left="11" data-top="4" data-width="14" data-height="18">

        <!-- Unnamed (形状) -->
        <div id="u383" class="ax_default _形状">
          <img id="u383_img" class="img " src="images/用例说明/u374.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u384" class="ax_default _形状">
          <img id="u384_img" class="img " src="images/用例说明/u375.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u385" class="ax_default label">
        <div id="u385_div" class=""></div>
        <div id="u385_text" class="text ">
          <p><span>输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u386" class="ax_default label">
        <div id="u386_div" class=""></div>
        <div id="u386_text" class="text ">
          <p><span>二级页面顶部导航</span></p>
        </div>
      </div>

      <!-- Unnamed (二级菜单底部导航框) -->

      <!-- Unnamed (矩形) -->
      <div id="u388" class="ax_default box_2">
        <div id="u388_div" class=""></div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u389" class="ax_default _形状">
        <img id="u389_img" class="img " src="images/用例说明/u389.png"/>
      </div>

      <!-- QQ (组 合) -->
      <div id="u390" class="ax_default" data-label="QQ" data-left="1082" data-top="378" data-width="45" data-height="45">

        <!-- Unnamed (椭圆形) -->
        <div id="u391" class="ax_default box_2">
          <img id="u391_img" class="img " src="images/用例说明/u391.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u392" class="ax_default _形状">
          <img id="u392_img" class="img " src="images/用例说明/u392.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u393" class="ax_default label">
        <div id="u393_div" class=""></div>
        <div id="u393_text" class="text ">
          <p><span>阅读页面角色头像大小30*30</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u394" class="ax_default box_2">
        <img id="u394_img" class="img " src="images/用例说明/u394.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u395" class="ax_default label">
        <div id="u395_div" class=""></div>
        <div id="u395_text" class="text ">
          <p><span>评论区及小说封面下方 头像大小25*25</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u396" class="ax_default box_2">
        <img id="u396_img" class="img " src="images/用例说明/u396.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u397" class="ax_default label">
        <div id="u397_div" class=""></div>
        <div id="u397_text" class="text ">
          <p><span>整个APP的头像大小等级只有上面这三种，</span></p><p><span>自己按照页面理解进行选择</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u398" class="ax_default box_1">
        <div id="u398_div" class=""></div>
        <div id="u398_text" class="text ">
          <p style="font-size:17px;text-align:left;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;color:#FF0000;">文字说明</span></p><p style="font-size:14px;text-align:left;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">二级菜单用14号加粗黑色文字</span></p><p style="font-size:14px;text-align:left;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">其他内容全部用14号黑色</span></p><p style="font-size:12px;text-align:left;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">真的不太重要又太小的就用12号黑色</span></p><p style="font-size:18px;text-align:left;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">真的有需要加大的 自己加大。</span></p><p style="font-size:13px;text-align:center;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u399" class="ax_default label">
        <div id="u399_div" class=""></div>
        <div id="u399_text" class="text ">
          <p><span>搜索框</span></p>
        </div>
      </div>

      <!-- Unnamed (搜索) -->

      <!-- Unnamed (组 合) -->
      <div id="u401" class="ax_default" data-left="0" data-top="0" data-width="214" data-height="23">

        <!-- Unnamed (矩形) -->
        <div id="u402" class="ax_default box_2">
          <div id="u402_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u403" class="ax_default box_2">
          <div id="u403_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u404" class="ax_default" data-left="88" data-top="4" data-width="38" data-height="16">

        <!-- Unnamed (矩形) -->
        <div id="u405" class="ax_default _28号字_页面备注信息及列表的表头说明文字__）">
          <div id="u405_div" class=""></div>
          <div id="u405_text" class="text ">
            <p><span>搜索</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u406" class="ax_default _形状">
          <img id="u406_img" class="img " src="images/用例说明/u406.png"/>
        </div>
      </div>

      <!-- Unnamed (搜索中) -->

      <!-- Unnamed (组 合) -->
      <div id="u408" class="ax_default" data-left="0" data-top="0" data-width="214" data-height="25">

        <!-- Unnamed (组 合) -->
        <div id="u409" class="ax_default" data-left="0" data-top="0" data-width="214" data-height="25">

          <!-- Unnamed (矩形) -->
          <div id="u410" class="ax_default box_2">
            <div id="u410_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u411" class="ax_default box_2">
            <div id="u411_div" class=""></div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u412" class="ax_default image">
            <img id="u412_img" class="img " src="images/用例说明/u412.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u413" class="ax_default _28号字_页面备注信息及列表的表头说明文字__）">
          <div id="u413_div" class=""></div>
          <div id="u413_text" class="text ">
            <p><span>搜索引导文字</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u414" class="ax_default image">
          <img id="u414_img" class="img " src="images/用例说明/u414.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u415" class="ax_default _30号字_服务主标题，例如双行列表内的下方描述信息。__）">
          <div id="u415_div" class=""></div>
          <div id="u415_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u416" class="ax_default label">
        <div id="u416_div" class=""></div>
        <div id="u416_text" class="text ">
          <p><span>列表</span></p>
        </div>
      </div>

      <!-- Unnamed (气泡) -->
      <div id="u417" class="ax_default box_1">
        <img id="u417_img" class="img " src="images/用例说明/u417.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u418" class="ax_default label">
        <div id="u418_div" class=""></div>
        <div id="u418_text" class="text ">
          <p><span>小说阅读时候的手机背景色214*270 </span></p>
        </div>
      </div>

      <!-- Unnamed (小说阅读时候的手机背景色) -->

      <!-- Unnamed (矩形) -->
      <div id="u420" class="ax_default box_2">
        <div id="u420_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u421" class="ax_default label">
        <div id="u421_div" class=""></div>
        <div id="u421_text" class="text ">
          <p><span>左右对话框（左对话框为白色无边框的，</span></p><p><span>要注意在有底色的情况下使用</span></p><p><span>不然会看不见）左右对话框和随意拉伸</span></p><p><span>但宽度不超手机屏幕大小</span></p>
        </div>
      </div>

      <!-- Unnamed (左对话框) -->

      <!-- Unnamed (气泡) -->
      <div id="u423" class="ax_default box_1">
        <img id="u423_img" class="img " src="images/用例说明/u417.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u424" class="ax_default box_1">
        <img id="u424_img" class="img " src="images/用例说明/u424.png"/>
      </div>

      <!-- Unnamed (右对话框) -->

      <!-- Unnamed (形状) -->
      <div id="u426" class="ax_default box_1">
        <img id="u426_img" class="img " src="images/用例说明/u424.png"/>
      </div>

      <!-- Unnamed (气泡) -->
      <div id="u427" class="ax_default box_1">
        <img id="u427_img" class="img " src="images/用例说明/u417.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u428" class="ax_default box_3">
        <div id="u428_div" class=""></div>
        <div id="u428_text" class="text ">
          <p><span>154</span></p>
        </div>
      </div>

      <!-- Unnamed (带有下标的左对话框) -->

      <!-- Unnamed (气泡) -->
      <div id="u430" class="ax_default box_1">
        <img id="u430_img" class="img " src="images/用例说明/u417.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u431" class="ax_default box_3">
        <div id="u431_div" class=""></div>
        <div id="u431_text" class="text ">
          <p><span>154</span></p>
        </div>
      </div>

      <!-- Unnamed (带有下标的右对话框) -->

      <!-- Unnamed (形状) -->
      <div id="u433" class="ax_default box_1">
        <img id="u433_img" class="img " src="images/用例说明/u424.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u434" class="ax_default box_3">
        <div id="u434_div" class=""></div>
        <div id="u434_text" class="text ">
          <p><span>154</span></p>
        </div>
      </div>

      <!-- Unnamed (有角色的键盘) -->

      <!-- Unnamed (图片) -->
      <div id="u436" class="ax_default _图片">
        <img id="u436_img" class="img " src="images/全局说明/u311.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u437" class="ax_default box_2">
        <div id="u437_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u438" class="ax_default box_3">
        <div id="u438_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u439" class="ax_default label">
        <div id="u439_div" class=""></div>
        <div id="u439_text" class="text ">
          <p><span>发送</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u440" class="ax_default" data-left="11" data-top="34" data-width="14" data-height="18">

        <!-- Unnamed (形状) -->
        <div id="u441" class="ax_default _形状">
          <img id="u441_img" class="img " src="images/用例说明/u374.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u442" class="ax_default _形状">
          <img id="u442_img" class="img " src="images/用例说明/u375.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u443" class="ax_default box_2">
        <div id="u443_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u444" class="ax_default box_3">
        <div id="u444_div" class=""></div>
        <div id="u444_text" class="text ">
          <p><span>角色A</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u445" class="ax_default box_3">
        <div id="u445_div" class=""></div>
        <div id="u445_text" class="text ">
          <p><span>旁白</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u446" class="ax_default box_3">
        <div id="u446_div" class=""></div>
        <div id="u446_text" class="text ">
          <p><span>角色B</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u447" class="ax_default label">
        <div id="u447_div" class=""></div>
        <div id="u447_text" class="text ">
          <p><span>角色管理</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u448" class="ax_default icon">
        <img id="u448_img" class="img " src="images/用例说明/u448.png"/>
      </div>

      <!-- Unnamed (超多角色的键盘) -->

      <!-- Unnamed (图片) -->
      <div id="u450" class="ax_default _图片">
        <img id="u450_img" class="img " src="images/全局说明/u311.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u451" class="ax_default box_2">
        <div id="u451_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u452" class="ax_default box_3">
        <div id="u452_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u453" class="ax_default label">
        <div id="u453_div" class=""></div>
        <div id="u453_text" class="text ">
          <p><span>发送</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u454" class="ax_default" data-left="11" data-top="59" data-width="14" data-height="18">

        <!-- Unnamed (形状) -->
        <div id="u455" class="ax_default _形状">
          <img id="u455_img" class="img " src="images/用例说明/u374.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u456" class="ax_default _形状">
          <img id="u456_img" class="img " src="images/用例说明/u375.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u457" class="ax_default box_2">
        <div id="u457_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u458" class="ax_default box_3">
        <div id="u458_div" class=""></div>
        <div id="u458_text" class="text ">
          <p><span>角色A</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u459" class="ax_default box_3">
        <div id="u459_div" class=""></div>
        <div id="u459_text" class="text ">
          <p><span>旁白</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u460" class="ax_default box_3">
        <div id="u460_div" class=""></div>
        <div id="u460_text" class="text ">
          <p><span>角色B</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u461" class="ax_default label">
        <div id="u461_div" class=""></div>
        <div id="u461_text" class="text ">
          <p><span>角色管理</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u462" class="ax_default icon">
        <img id="u462_img" class="img " src="images/用例说明/u448.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u463" class="ax_default box_3">
        <div id="u463_div" class=""></div>
        <div id="u463_text" class="text ">
          <p><span>角色C</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u464" class="ax_default box_3">
        <div id="u464_div" class=""></div>
        <div id="u464_text" class="text ">
          <p><span>角色D</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u465" class="ax_default box_3">
        <div id="u465_div" class=""></div>
        <div id="u465_text" class="text ">
          <p><span>角色E</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u466" class="ax_default label">
        <div id="u466_div" class=""></div>
        <div id="u466_text" class="text ">
          <p><span>基本ICON</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u467" class="ax_default" data-left="1078" data-top="216" data-width="26" data-height="26">

        <!-- Unnamed (形状) -->
        <div id="u468" class="ax_default _形状">
          <img id="u468_img" class="img " src="images/用例说明/u468.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u469" class="ax_default _形状">
          <img id="u469_img" class="img " src="images/用例说明/u469.png"/>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u470" class="ax_default ellipse">
        <img id="u470_img" class="img " src="images/用例说明/u470.png"/>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u471" class="ax_default" data-left="1122" data-top="226" data-width="15" data-height="15">

        <!-- Unnamed (形状) -->
        <div id="u472" class="ax_default _形状">
          <img id="u472_img" class="img " src="images/用例说明/u472.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u473" class="ax_default" data-left="1159" data-top="221" data-width="25" data-height="25">

        <!-- Unnamed (形状) -->
        <div id="u474" class="ax_default _形状">
          <img id="u474_img" class="img " src="images/用例说明/u474.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u475" class="ax_default _形状">
          <img id="u475_img" class="img " src="images/用例说明/u475.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u476" class="ax_default _形状">
          <img id="u476_img" class="img " src="images/用例说明/u476.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u477" class="ax_default _形状">
          <img id="u477_img" class="img " src="images/用例说明/u477.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u478" class="ax_default" data-left="1199" data-top="216" data-width="25" data-height="25">

        <!-- Unnamed (形状) -->
        <div id="u479" class="ax_default _形状">
          <img id="u479_img" class="img " src="images/用例说明/u479.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u480" class="ax_default _形状">
          <img id="u480_img" class="img " src="images/用例说明/u480.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u481" class="ax_default _形状">
          <img id="u481_img" class="img " src="images/用例说明/u481.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u482" class="ax_default" data-left="1082" data-top="264" data-width="25" data-height="25">

        <!-- Unnamed (形状) -->
        <div id="u483" class="ax_default _形状">
          <img id="u483_img" class="img " src="images/用例说明/u483.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u484" class="ax_default _形状">
          <img id="u484_img" class="img " src="images/用例说明/u484.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u485" class="ax_default box_2">
        <div id="u485_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u486" class="ax_default label">
        <div id="u486_div" class=""></div>
        <div id="u486_text" class="text ">
          <p><span>中部弹框 170*90&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (头像) -->

      <!-- 个人头像 (组 合) -->
      <div id="u488" class="ax_default" data-label="个人头像" data-left="0" data-top="0" data-width="45" data-height="45">

        <!-- Unnamed (椭圆形) -->
        <div id="u489" class="ax_default ellipse">
          <img id="u489_img" class="img " src="images/用例说明/u489.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u490" class="ax_default icon">
          <img id="u490_img" class="img " src="images/用例说明/u490.png"/>
        </div>
      </div>

      <!-- 开关 (组 合) -->
      <div id="u491" class="ax_default" data-label="开关" data-left="1246" data-top="229" data-width="30" data-height="14">

        <!-- Border (矩形) -->
        <div id="u492" class="ax_default box_3" data-label="Border">
          <div id="u492_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u493" class="ax_default ellipse">
          <img id="u493_img" class="img " src="images/用例说明/u493.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u494" class="ax_default" data-left="1247" data-top="254" data-width="30" data-height="14">

        <!-- Border (矩形) -->
        <div id="u495" class="ax_default box_3" data-label="Border">
          <div id="u495_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u496" class="ax_default ellipse">
          <img id="u496_img" class="img " src="images/用例说明/u493.png"/>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u497" class="ax_default icon">
        <img id="u497_img" class="img " src="images/用例说明/u497.png"/>
      </div>

      <!-- Unnamed (搜索筛选框) -->

      <!-- 筛选框 (组 合) -->
      <div id="u499" class="ax_default" data-label="筛选框" data-left="0" data-top="0" data-width="214" data-height="72">

        <!-- Unnamed (矩形) -->
        <div id="u500" class="ax_default box_2">
          <div id="u500_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u501" class="ax_default box_2" selectiongroup="u498SelectItem">
          <div id="u501_div" class=""></div>
          <div id="u501_text" class="text ">
            <p><span>内容1</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u502" class="ax_default box_2" selectiongroup="u498SelectItem">
          <div id="u502_div" class=""></div>
          <div id="u502_text" class="text ">
            <p><span>内容2</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u503" class="ax_default box_2" selectiongroup="u498SelectItem">
          <div id="u503_div" class=""></div>
          <div id="u503_text" class="text ">
            <p><span>内容3</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u504" class="ax_default line">
          <img id="u504_img" class="img " src="images/用例说明/u504.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u505" class="ax_default line">
          <img id="u505_img" class="img " src="images/用例说明/u504.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u506" class="ax_default label">
        <div id="u506_div" class=""></div>
        <div id="u506_text" class="text ">
          <p><span>一般的头像大小45*45</span></p>
        </div>
      </div>

      <!-- Unnamed (列表框) -->

      <!-- Unnamed (矩形) -->
      <div id="u508" class="ax_default box_2">
        <div id="u508_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u509" class="ax_default box_2">
        <div id="u509_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u510" class="ax_default box_2">
        <div id="u510_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u511" class="ax_default box_2">
        <div id="u511_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u512" class="ax_default box_2">
        <div id="u512_div" class=""></div>
      </div>
    </div>
  </body>
</html>
